script#template-help-view(type="text/template")
  |div.help-content
  |    h1 Cantas Help Document
  |    article
  |      section.row-fluid
  |        div.span6
  |          h2 Create your own board.
  |          p By clicking "New Board" button, you can create your own board. In this page, you can view all public/your own/closed boards.
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 Create a new list.
  |          p  By clicking "New List" button, you can create a new list, in which you can add cards.
  |      section.row-fluid
  |        div.span6
  |          h2 Add a new card.
  |          p By clicking "Add a card" button, you can add cards in any list. (You have had the permission to edit this board.)
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 Set the board to a private board.
  |          p  By clicking this icon, you can set the board to a private board.
  |      section.row-fluid
  |        div.span6
  |          h2 Invite others to board.
  |          p You can invite other people into the board. Thus they have permissions  to edit this board.
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 View activities of this board.
  |          p You can view all activities of this board.
  |      section.row-fluid
  |        div.span6
  |          h2 Archive a list.
  |          p You can archive this list.
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 Archive a card.
  |          p You can archive this card.
  |      section.row-fluid
  |        div.span6
  |          h2 Assign tasks to board members.
  |          p You can assign tasks to board members.
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 View your notifications.
  |          p You can view your notifications such as tasks assigned to you, invitations to join boards and so on.
  |      section.row-fluid
  |        div.span6
  |          h2 Add checklists for a card.
  |          p You can add checklists for a card. 
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 Add comments for a card.
  |          p You can add comments for a card.
  |      section.row-fluid
  |        div.span6
  |          h2 Move a list to other places.
  |          p You can move a list to other places. 
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 Move a card to other places.
  |          p You can move a card to other places. 
  |      section.row-fluid
  |        div.span6
  |          h2 Import a JSON file from Trello.
  |          p You can import boards by giving a JSON file of Trello.
  |        div.span6.help-img
  |      section.row-fluid
  |        div.span6.help-img
  |        div.span6
  |          h2 Import bugs from Bugzilla.
  |          p You can import bugs by giving an URL of bug list in bugzilla.
  |      section.row-fluid
  |        div.span8
  |          h2
  |            p#browserSupportMatrix Browser Support Matrix
  |          table#js-browser-support-matrix.eso-table
  |            thead
  |              tr
  |                th
  |                th(colspan="2") Chrome
  |                th(colspan="5") Firefox
  |                th(colspan="2") Safari
  |              tr
  |                th
  |                th(colspan="2") TBD
  |                th 3.6
  |                th 4
  |                th 10
  |                th 17
  |                th 24
  |                th(colspan="2") TBD
  |            tbody
  |              tr
  |                td WebSockets
  |                td
  |                td
  |                td ×
  |                td √
  |                td √
  |                td √
  |                td √
  |                td
  |                td
  |              tr
  |                td HTML5
  |                td
  |                td
  |                td √-
  |                td √-
  |                td √
  |                td √
  |                td √
  |                td
  |                td
  |              tr
  |                td CSS3
  |                td
  |                td
  |                td √-
  |                td √
  |                td √
  |                td √
  |                td √
  |                td
  |                td
  |              tr
  |                td ECMAScript 5
  |                td
  |                td
  |                td √-
  |                td √
  |                td √
  |                td √
  |                td √
  |                td
  |                td
  |          p Note: x(nonsupport), √-(partial support), √(widespread support). Chrome and Safari versions are to be determined.
